<template>
	<div class="maternityInfo">
		<!--专业月嫂-->
		<div class="small-hiddle" style="background-color: #f7f7f7;width: 100%;">
			<Row type="flex" align="middle" justify="center" style="height: 40px;">
				<Col  style="width: 1200px;text-align: left;padding-left: 10px;">
					<span>
						<span>首页</span>
						<span>></span>
						<span>专业月嫂</span>
						<span>></span>
						<span>专业月嫂详情</span>
					</span>
				</Col>
			</Row>
		</div>
		<div style="width: 100%;background-color: #f7f7f7;">
			<div class="small-hiddle" style="width: 1200px;margin: 0 auto;background-color: white;">
				<Row style="padding: 10px;" >
					<Col span="8" style="padding: 10px;">
						<img style="width: 100%;" src="../../../../static/img/card_example.png"/>
					</Col>
					<Col span="16" style="padding: 10px 20px;">
						<div>
							<p style="font-size: 25px;">刘阿姨</p>
							<div style="padding: 5px 0px;">
								<span style="font-size: 16px;">
									<span>50岁</span>
									<span>&emsp;|&emsp;</span>
									<span>福建</span>
									<span>&emsp;|&emsp;</span>
									<span>8年服务经验</span>
								</span>
							</div>
							<div style="padding: 5px 0px;">
								<span style="font-size: 16px;">
									<span><Icon style="color: #f09a04;" type="md-checkmark-circle" />&nbsp;实名认证</span>
									<span>&emsp;&emsp;</span>
									<span><Icon style="color: #f09a04;" type="md-checkmark-circle" />&nbsp;证件备案</span>
									<span>&emsp;&emsp;</span>
									<span><Icon style="color: #f09a04;" type="md-checkmark-circle" />&nbsp;专业培训</span>
									<span>&emsp;&emsp;</span>
									<span><Icon style="color: #f09a04;" type="md-checkmark-circle" />&nbsp;技能考核</span>
								</span>
							</div>
							<div style="height: 1px;width: 100%;background-color: #f7f7f7;margin: 15px 0px;"></div>
							<div style="padding: 5px 0px;">
								<span style="font-size: 22px;font-weight: bold;">
									期望薪资：5500~6000元/月
								</span>
							</div>
							<div style="padding: 10px 0px;">
								<Button type="warning" style="width: 120px;height: 45px;">预约面试</Button>
							</div>
						</div>
					</Col>
				</Row>
			</div>
			
			
			<div class="body-card" >
				<div style="height: 20px;width: 100%;background-color: #f7f7f7;"></div>
				<img style="width: 100%;" src="../../../../static/img/maternity_info/maternity_info_01.png"/>
				<img style="width: 100%;" src="../../../../static/img/maternity_info/maternity_info_02.png"/>
				<img style="width: 100%;" src="../../../../static/img/maternity_info/maternity_info_03.png"/>
				<img style="width: 100%;" src="../../../../static/img/maternity_info/maternity_info_04.png"/>
				<img style="width: 100%;" src="../../../../static/img/nurse_detail/nurse_detail_05.png"/>
			</div>
		</div>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				placeOrder:false,
				cityList: [
                    {value: 'New York',label: 'New York'},
                    {value: 'London',label: 'London'},
                    {value: 'Sydney',label: 'Sydney'},
                    {value: 'Ottawa',label: 'Ottawa'},
                    {value: 'Paris',label: 'Paris'},
                    {value: 'Canberra',label: 'Canberra'}
                ],
                serveInfo:[
                		{"info":"遵纪守法、爱岗敬业、讲文明、讲礼貌。"},
                		{"info":"积极主动、守时守信、尊老爱幼、勤俭节约。"},
                		{"info":"尊重雇主生活习惯及合理要求、不干预雇主私生活，不对雇主说长道短。"},
                		{"info":"按照雇主的工作要求安排工作，如有不同意见，需事先征得雇主同意后方可执行。"},
                		{"info":"不得擅自引领他人进入雇主家中。"},
                		{"info":"不要乱翻雇主的东西。"},
                		{"info":"不得泄露雇主的私人秘密和有关家庭信息，保守雇主的隐私。"},
                		{"info":"不要向任何人透漏自己的工资。"},
                		{"info":"未经雇主同意不要随便看电视，如与雇主一起看电视的时候要注意坐姿。"},
                		{"info":"未经雇主同意不要随便接听雇主家的电话。"},
                		{"info":"进入雇主家庭成员卧室前应先敲门，以示礼貌和尊重。"},
                		{"info":"工作期间，手机应保持关机或振动状态，不要频繁、长时间接听私人电话。"},
                		{"info":"当雇主家来客人时，家政人员应有意识的回避为好。"},
                		{"info":"为雇主的家庭财产安全负责，保证自身和雇主的安全。"},
                		{"info":"带孩子外出时，记得带上孩子生活必需用品。"},
                		{"info":"就餐时，家政服务员应该积极主动的去带孩子，注意安全。"},
                		{"info":"保持整洁，干净的个人形象，不要留长指甲，不要涂指甲油，要勤剪指甲，勤冲凉，勤换洗衣服。"},
                		{"info":"言谈举止要大方得体，与雇主家庭成员交谈时要正视对方，不要左顾右盼，不要双臂交叉或双手插在兜里，说话时不可用手指指人。。"},
                		{"info":"与长辈交往，要主动关心对方，照顾对方，要谦逊好学，主动请教长辈。。"},
                		{"info":"聘请双方一起生活，有时难免会产生一些矛盾和纠纷，我们应正确处理，切忌与雇主当面发生争执。切忌使用脏话，粗话等伤人的恶语，有问题及时与公司联系。。"},
                		{"info":"请假外出应征得雇主同意，同时告知去向以及返回时间，如遇到特殊情况不能按时返回的，应提前告知雇主。。"},
                		{"info":"终止合同须提前7天告知公司跟雇主，方便双方提前安排，离开时应主动让雇主检查行李，办理离岗手续回公司报到。。"},
                ],
                model1: '',
                value:"",
			}
		},
		methods:{
			showPlaceOrder:function(){
				this.placeOrder = !this.placeOrder
			}
		}
	}
</script>

<style lang="css" scoped>
	/** 电脑 **/
	
	@media only screen and (min-width: 540px){
		.maternityInfo >>> .body-card{
			width: 1200px;
			margin: 0 auto;
			background-color: white;
		}
		.maternityInfo >>> .serve-font-title{
			font-size: 25px;
			padding: 5px;
		}
		.maternityInfo >>> .serve-font-text{
			font-size: 15px;
			padding: 5px;
		}
		.maternityInfo >>> .big-hiddle{
			display: none !important;	
		}
		.maternityInfo >>> .ivu-tabs-nav .ivu-tabs-tab-active{
			color: #009a00 !important;
		}
		.maternityInfo >>> .ivu-tabs-ink-bar{
			background-color: #009a00 !important;
		}
		.maternityInfo >>> .ivu-tabs-nav .ivu-tabs-tab:hover{
			color: #009a00 !important;
		}
		.maternityInfo >>> .ivu-card-head{
			padding: 7px 16px;
		    text-align: left !important;
		    background-color: #f7f7f7 !important;
		}
		.maternityInfo >>> .body-card-info-left{
			padding: 15px 40px;
			font-size: 16px;
		}
		.maternityInfo >>> .body-card-type{
			padding: 40px;
		}
		.maternityInfo >>> .body-card-type-info{
			height: 80px;
			border-right: 1px solid #b5b5b5;
			font-size: 25px;
			background-color: #F7F7F7;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.maternityInfo >>> .body-card-type-text{
			height: 80px;
			font-size: 20px;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
		}
		.maternityInfo >>> .body-card-info-text{
			text-align: left;
			height: 40px;
			/*line-height: 40px;*/
			font-size: 18px;
		}

	}
	/** 手机 **/
	@media only screen and (max-width: 540px) {
		.maternityInfo >>> .small-hiddle{
			display: none !important;	
		}
		.maternityInfo >>> .body-card{
			width: 100%;
			background-color: white;
		}
		.maternityInfo >>> .serve-font-title{
			font-size: 15px;
			padding: 5px;
		}
		.maternityInfo >>> .serve-font-text{
			font-size: 12px;
			padding: 5px;
		}
		.maternityInfo >>> .ivu-tabs-nav .ivu-tabs-tab-active{
			color: #009a00 !important;
		}
		.maternityInfo >>> .ivu-tabs-ink-bar{
			background-color: #009a00 !important;
		}
		.maternityInfo >>> .ivu-tabs-nav .ivu-tabs-tab:hover{
			color: #009a00 !important;
		}
		.maternityInfo >>> .ivu-card-head{
			padding: 7px 16px;
		    text-align: left !important;
		    background-color: #f7f7f7 !important;
		}
		.maternityInfo >>> .body-card-info-left{
			padding: 5px 5px;
			font-size: 16px;
		}
		.maternityInfo >>> .body-card-type{
			padding: 5px;
		}
		.maternityInfo >>> .body-card-type-info{
			height: 80px;
			border-right: 1px solid #b5b5b5;
			font-size: 16px;
			background-color: #F7F7F7;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.maternityInfo >>> .body-card-type-text{
			height: 80px;
			font-size: 14px;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
		}
		.maternityInfo >>> .body-card-info-text{
			text-align: left;
			height: 40px;
			
			font-size: 13px;
		}
	}
</style>